@charset "UTF-8";

.g-main.-form * {
    box-sizing: border-box;
}

.g-main.-form .g-container {
    padding-bottom: 60px;
}

.g-column.-agree, .g-column.-other {
    margin-bottom: 40px;
}

.g-column.-info, .g-column.-other {
    padding: 35px 29px;
}

.g-column.-info {
    margin-bottom: 35px;
    padding: 25px 19px;
}

.g-column.-agree {
    margin-top: 25px;
    padding: 30px;
}

@media only screen and (max-width: 768px) {
    .g-column.-agree, .g-column.-info, .g-column.-other {
        margin-bottom: 20px;
        padding: 25px 19px;
    }
}

.g-hline.-hline {
    margin-top: -5px;
}

    .g-hline.-hline > .g-hline_el {
        margin-right: 40px;
    }

.g-hline.-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

    .g-hline.-row > .g-hline_el {
        display: block;
        margin-left: 8px;
        margin-right: 8px;
    }

@media only screen and (max-width: 768px) {
    .g-hline.-hline > .g-hline_el {
        display: block;
    }

    .g-hline.-row > .g-hline_el {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-bottom: 0;
    }

    .g-hline.-row .g-btn.-submit, .g-hline.-row .g-btn.-btn {
        width: 100%;
    }
}

.lead,
.desc {
    margin-bottom: 35px;
}

@media only screen and (max-width: 768px) {
    .lead,
    .desc {
        margin-bottom: 20px;
    }
}

.step-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 35px;
    border: 1px solid #d1d6d8;
}

.step-list_item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    height: 40px;
    padding-left: 20px;
    font-weight: bold;
    text-align: center;
}

    .step-list_item:first-child {
        padding: 0 10px;
    }

    .step-list_item:nth-child(1) {
        z-index: 4;
    }

    .step-list_item:nth-child(2) {
        z-index: 3;
    }

    .step-list_item:nth-child(3) {
        z-index: 2;
    }

    .step-list_item:nth-child(4) {
        z-index: 1;
    }

    .step-list_item::after {
        content: '';
        position: absolute;
        right: -20px;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 0 20px 20px;
        border-color: transparent transparent transparent #fff;
    }

    .step-list_item::before {
        content: '';
        position: absolute;
        top: -1px;
        right: -21px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 21px 0 21px 21px;
        border-color: transparent transparent transparent #d1d6d8;
    }

    .step-list_item:last-child::after {
        display: none;
    }

    .step-list_item.-current {
        background: #9ca5a9;
        color: #fff;
    }

        .step-list_item.-current::after {
            border-color: transparent transparent transparent #9ca5a9;
        }

        .step-list_item.-current::before {
            display: none;
        }

@media only screen and (max-width: 768px) {
    .step-list {
        margin-bottom: 20px;
    }

    .step-list_item {
        height: 38px;
        padding-left: 8px;
        font-size: 12px;
    }

        .step-list_item:first-child {
            padding: 0 4px;
        }

        .step-list_item::after {
            right: -7px;
            top: 1px;
            border-width: 18px 0 18px 7px;
        }

        .step-list_item::before {
            right: -8px;
            border-width: 20px 0 20px 8px;
        }
}

@media only screen and (max-width: 768px) {
    [lang=en] .step-list_item {
        height: 56px;
    }

        [lang=en] .step-list_item::before {
            border-width: 29px 0 29px 8px;
        }

        [lang=en] .step-list_item::after {
            top: 1px;
            border-width: 27px 0 27px 7px;
        }
}

#form .g-section-lv2 {
    padding-bottom: 15px;
}

#form .g-table {
    margin-bottom: 0;
    padding-bottom: 25px;
    border: none;
}

    #form .g-table table {
        table-layout: fixed;
    }

    #form .g-table tr:first-child th {
        width: 300px;
    }

    #form .g-table th,
    #form .g-table td {
        padding: 15px;
        vertical-align: middle;
    }



        #form .g-table th[rowspan] {
            width: 100px;
        }

            #form .g-table th[rowspan] + th {
                width: 200px;
            }

    #form .g-table td {
        word-break: break-all;
    }

        #form .g-table td input[type="text"],
        #form .g-table td input[type="email"],
        #form .g-table td input[type="tel"],
        #form .g-table td textarea {
            position: relative;
            z-index: 0;
            display: block;
            width: 100% !important;
            padding: 3px 7px;
            border: 1px solid #c6c9cc;
            font-size: 14px;
        }

        #form .g-table td input[type="radio"] {
            margin: 0;
        }

        #form .g-table td input::-webkit-input-placeholder,
        #form .g-table td textarea::-webkit-input-placeholder {
            color: #c6c9cc;
        }

        #form .g-table td input:-ms-input-placeholder,
        #form .g-table td textarea:-ms-input-placeholder {
            color: #c6c9cc;
        }

        #form .g-table td input::placeholder,
        #form .g-table td textarea::placeholder {
            color: #c6c9cc;
        }

        #form .g-table td input:-ms-input-placeholder,
        #form .g-table td textarea:-ms-input-placeholder {
            color: #c6c9cc;
        }

        #form .g-table td input::-ms-input-placeholder,
        #form .g-table td textarea::-ms-input-placeholder {
            color: #c6c9cc;
        }

        #form .g-table td textarea {
            overflow: auto;
        }

        #form .g-table td .note {
            margin: 15px 0 5px;
        }

        #form .g-table td .text-head {
            display: none;
        }

@media only screen and (max-width: 768px) {
    #form .g-table tr:first-child th {
        width: auto;
        border-top: 1px solid #c6c9cc;
    }

    #form .g-table th,
    #form .g-table td {
        display: block;
        border-left: none;
        border-right: none;
        border-top: none;
    }

        #form .g-table th.sp-hide,
        #form .g-table td.sp-hide {
            display: none;
        }

    #form .g-table th {
        padding: 10px 15px;
    }

        #form .g-table th[rowspan] {
            width: auto;
        }

            #form .g-table th[rowspan] + .sp-hide + td {
                padding-bottom: 0;
                border-bottom: none;
            }

    #form .g-table td {
        padding: 20px 15px;
    }

        #form .g-table td input[type="radio"] {
            vertical-align: middle;
        }

        #form .g-table td .text-head {
            display: block;
            margin-bottom: 5px;
        }

        #form .g-table td .note {
            width: calc(100% - 28px);
        }
}

#form .state.-error input[type="text"],
#form .state.-error input[type="email"],
#form .state.-error input[type="tel"],
#form .state.-error textarea,
#form .state.-error .select {
    border-color: #b02318;
}

#form .state.-input input[type="text"],
#form .state.-input input[type="email"],
#form .state.-input input[type="tel"],
#form .state.-input textarea,
#form .state.-input .select {
    border-color: #c6c9cc;
}

#form .state-group {
    display: inline-block;
    font-size: 0;
}

    #form .state-group.-error input[type="text"],
    #form .state-group.-error input[type="email"],
    #form .state-group.-error input[type="tel"],
    #form .state-group.-error textarea,
    #form .state-group.-error .select {
        border-color: #b02318;
    }

    #form .state-group.-input input[type="text"],
    #form .state-group.-input input[type="email"],
    #form .state-group.-input input[type="tel"],
    #form .state-group.-input textarea,
    #form .state-group.-input .select {
        border-color: #c6c9cc;
    }

[lang=ja] #form .g-table td input[type="text"],
[lang=ja] #form .g-table td input[type="email"],
[lang=ja] #form .g-table td input[type="tel"],
[lang=ja] #form .g-table td textarea {
    font-family: "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
}

[lang=en] #form .g-table td input[type="text"],
[lang=en] #form .g-table td input[type="email"],
[lang=en] #form .g-table td input[type="tel"],
[lang=en] #form .g-table td textarea {
    padding: 4px 7px 5px;
    font-family: "FrutigerLTW02-55Roman", helvetica, arial, meiryo, san-serif;
}

.required-label {
    display: inline-block;
    min-width: 40px;
    margin: -2px 5px 0 0;
    padding: 2px 10px;
    background: #b02318;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.g-table_el .required-label {
    margin-left: 10px;
}

[lang=en] .required-label {
    margin-left: 5px;
}

[lang=en] .g-table_el .required-label {
    margin-left: 10px;
}

.select {
    position: relative;
    display: block;
    border: 1px solid #c6c9cc;
    border-radius: 4px;
    background: #fff;
}

    .select select {
        display: block;
        width: 100%;
        padding: 3px 25px 3px 10px;
        cursor: pointer;
        text-indent: 0.01px;
        text-overflow: ellipsis;
        border: none;
        background: transparent;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 14px;
    }

        .select select::-ms-expand {
            display: none;
        }

        .select select:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #000;
        }

    .select::before {
        position: absolute;
        top: 50%;
        right: 10px;
        width: 0;
        height: 0;
        margin-top: -3px;
        padding: 0;
        content: '';
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #000;
        pointer-events: none;
    }

[lang=en] .select select {
    padding: 5px 25px 6px 10px;
}

.radio-list li {
    display: inline-block;
    width: 220px;
    padding-left: 3px;
}

.radio-list input,
.radio-list label {
    cursor: pointer;
}

.radio-list label {
    padding-left: 10px;
    vertical-align: middle;
}

@media only screen and (max-width: 768px) {
    .radio-list li {
        width: auto;
        margin-right: 10px;
    }
}

.auto-zip {
    display: inline-block;
    min-width: 125px;
    padding: 4px 10px;
    background: #737b81;
    border: none;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .auto-zip:hover {
        opacity: .7;
        text-decoration: none !important;
    }

@media only screen and (max-width: 768px) {
    .auto-zip {
        display: block;
        margin-top: 20px;
    }
}

.state,
.state-group {
    position: relative;
}

    .state.-error input,
    .state.-error select,
    .state.-error textarea,
    .state-group.-error input,
    .state-group.-error select,
    .state-group.-error textarea {
        background: #f3dedd;
    }

    .state + .state,
    .state-group + .state, .state +
    .state-group,
    .state-group +
    .state-group {
        margin-top: 15px;
    }

        .state + .state.-error,
        .state-group + .state.-error, .state +
        .state-group.-error,
        .state-group +
        .state-group.-error {
            margin-top: 13px;
        }

    .state.-valid::after,
    .state-group.-valid::after {
        content: '';
        position: absolute;
        right: -25px;
        bottom: 1px;
        display: block;
        width: 18px;
        height: 18px;
        background: url("/-/media/Project/Daikin/daikin_com/contact/contact_lib/images/icon_check png") no-repeat 0 0/100% auto;
    }

    .state.-valid.-input::after,
    .state-group.-valid.-input::after {
        display: none;
    }

    .state.-input input,
    .state.-input select,
    .state.-input textarea,
    .state-group.-input input,
    .state-group.-input select,
    .state-group.-input textarea {
        background: none;
    }

    .state.-input .error-label,
    .state-group.-input .error-label {
        display: none !important;
    }

    .state.-small,
    .state-group.-small {
        width: 230px;
    }

    .state.-medium,
    .state-group.-medium {
        width: 320px;
    }

    .state.-large,
    .state-group.-large {
        width: 440px;
    }

    .state.-block,
    .state-group.-block {
        width: calc(100% - 70px);
    }

    .state.-phone1, .state.-phone2, .state.-phone3, .state.-zip1, .state.-zip2,
    .state-group.-phone1,
    .state-group.-phone2,
    .state-group.-phone3,
    .state-group.-zip1,
    .state-group.-zip2 {
        display: inline-block;
        margin-top: 0;
        font-size: 14px;
        vertical-align: middle;
    }

        .state.-phone1.-valid::after, .state.-phone2.-valid::after, .state.-phone3.-valid::after, .state.-zip1.-valid::after, .state.-zip2.-valid::after,
        .state-group.-phone1.-valid::after,
        .state-group.-phone2.-valid::after,
        .state-group.-phone3.-valid::after,
        .state-group.-zip1.-valid::after,
        .state-group.-zip2.-valid::after {
            display: none;
        }

    .state.-phone1, .state.-phone2, .state.-phone3,
    .state-group.-phone1,
    .state-group.-phone2,
    .state-group.-phone3 {
        width: 5.3em;
        margin-right: 5px;
    }

    .state.-zip1,
    .state-group.-zip1 {
        width: 5.3em;
        margin-right: 5px;
    }

    .state.-zip2,
    .state-group.-zip2 {
        width: 6.5em;
        margin-right: 10px;
    }

    .state .error-label,
    .state-group .error-label {
        position: absolute;
        left: -2px;
        top: 100%;
        z-index: 1;
        display: block;
        margin-top: 7px;
        padding: 4px 10px;
        background: #9da5aa;
        border-radius: 4px;
        font-size: 14px;
        color: #fff;
        white-space: nowrap;
    }

        .state .error-label::before,
        .state-group .error-label::before {
            content: '';
            position: absolute;
            top: -13px;
            left: 14px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 6px 13px 6px;
            border-color: transparent transparent #9da5aa transparent;
        }

@media only screen and (max-width: 768px) {
    .state.-large, .state.-medium, .state.-small, .state.-block,
    .state-group.-large,
    .state-group.-medium,
    .state-group.-small,
    .state-group.-block {
        width: calc(100% - 28px);
    }

    .state.-valid::after,
    .state-group.-valid::after {
        right: -28px;
    }

    .state.-valid.-zip::after,
    .state-group.-valid.-zip::after {
        top: 11px;
        right: -18px;
        bottom: auto;
    }

    .state .error-label,
    .state-group .error-label {
        white-space: normal;
        word-break: break-word;
    }
}

.hyphen {
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
    vertical-align: middle;
}

.text-count {
    width: calc(100% - 70px);
    margin-top: 5px;
    text-align: right;
}

@media only screen and (max-width: 768px) {
    .text-count {
        width: calc(100% - 28px);
    }
}

.g-link.-back::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.g-blist.-list > li {
    margin-bottom: 20px;
}

.g-blist.-list .g-btn {
    margin-top: 15px;
}

.g-blist.-desc {
    margin-bottom: 35px;
}

@media only screen and (max-width: 768px) {
    .g-blist.-list > li {
        margin-bottom: 10px;
    }

    .g-blist.-list .g-btn {
        display: inline-block;
    }

    .g-blist.-desc {
        margin-bottom: 20px;
    }
}

.g-btn.-btn {
    display: block;
    width: 250px;
    margin: 0 auto 17px;
}

.g-btn.-submit {
    display: block;
    width: 250px;
    margin: 0 auto 17px;
    padding: 14px 12px 13px;
    border: none;
    cursor: pointer;
}

    .g-btn.-submit:hover {
        opacity: .7;
    }

    .g-btn.-submit.-disabled {
        background: #d8d8d8;
        color: #999;
        cursor: auto;
    }

        .g-btn.-submit.-disabled:hover {
            opacity: 1;
            background: #d8d8d8;
        }

        .g-btn.-submit.-disabled::before {
            display: none;
        }

[lang=en] .g-btn.-btn {
    display: block;
    width: 250px;
    margin: 0 auto 17px;
}

[lang=en] .g-btn.-submit {
    padding: 15px 12px;
}

.error-top {
    margin: 40px 0 35px;
    padding: 20px 30px 30px;
    background: #eef2f5;
    border-top: 4px solid #000;
}

.error-top_ttl {
    margin-bottom: 17px;
    font-size: 22px;
    font-weight: bold;
}

.error-top_text {
    position: relative;
    margin-bottom: 0;
    padding-left: 15px;
}

    .error-top_text a {
        color: #b02318;
    }

    .error-top_text::before {
        content: '';
        position: absolute;
        left: 0;
        top: 6px;
        display: block;
        width: 8px;
        height: 8px;
        background: url("/-/media/Project/Daikin/daikin_com/contact/contact_lib/images/arrow_anchor_down png") no-repeat 0 0/100% auto;
    }

@media only screen and (max-width: 768px) {
    .error-top {
        margin: 30px 0 25px;
        padding: 10px 15px;
    }

    .error-top_ttl {
        margin-bottom: 10px;
        font-size: 20px;
    }
}

#error-bottom {
    margin: 23px 0 40px;
}

@media only screen and (max-width: 768px) {
    #error-bottom {
        margin: 13px 0 30px;
    }
}

.error-bottom_text {
    position: relative;
    margin-bottom: 0;
    padding-left: 15px;
}

    .error-bottom_text a {
        color: #b02318;
    }

    .error-bottom_text::before {
        content: '';
        position: absolute;
        left: 0;
        top: 6px;
        display: block;
        width: 8px;
        height: 8px;
        background: url("/-/media/Project/Daikin/daikin_com/contact/contact_lib/images/arrow_anchor png") no-repeat 0 0/100% auto;
    }


/***** 20210412_add *****/

/**** フォーム共通設定 ****/
/*** プレースホルダフォントカラー ***/
.sitecore-form input::-webkit-input-placeholder,
.sitecore-form textarea::-webkit-input-placeholder {
    color: #c6c9cc;
}

.sitecore-form input:-ms-input-placeholder,
.sitecore-form textarea:-ms-input-placeholder {
    color: #c6c9cc;
}

.sitecore-form input::placeholder,
.sitecore-form textarea::placeholder {
    color: #c6c9cc;
}

.sitecore-form input:-ms-input-placeholder,
.sitecore-form textarea:-ms-input-placeholder {
    color: #c6c9cc;
}

.sitecore-form input::-ms-input-placeholder,
.sitecore-form textarea::-ms-input-placeholder {
    color: #c6c9cc;
}

/*** ボタン ***/
.sitecore-form div.g-btn.-btn {
    padding: 0;
    position: relative;
    z-index: 0;
}

.sitecore-form div.g-btn > input.g-btn.-submit,
.sitecore-form div.g-btn > input.g-btn.-submit.-disabled,
.sitecore-form div.g-btn > input.g-btn.-btn {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    width: 100%;
    padding: 17px;
    cursor: pointer;
}

.sitecore-form div.g-btn.-btn > div.g-btn.-submit,
.sitecore-form div.g-btn.-btn > div.g-btn.-btn {
    margin: 0;
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: inline-flex;
    left: 0;
    align-items: center;
    flex-direction: row;
    align-content: space-around;
    justify-content: center;
    z-index: -1;
}

.sitecore-form input.g-btn:hover + div.g-btn {
    background-color: #596066;
    opacity: .7;
}

.sitecore-form input.g-btn.g-btn-gray:hover + div.g-btn.g-btn-gray {
    background-color: #e9e9e9;
    background: -webkit-linear-gradient(#f8f8f8, #e9e9e9);
    background: linear-gradient(#f8f8f8, #e9e9e9);
    cursor: pointer;
}

.sitecore-form input.g-btn.-submit.-disabled:hover + div.g-btn.-submit {
    background: #d8d8d8;
    color: #999;
    cursor: auto;
}

.sitecore-form div.g-btn-em:before {
    padding-top: 3px;
}

/** 確認画面のボタン **/
.sitecore-form div.g-hline.-row > div.g-btn.-btn {
    margin: 15px 8px;
}
/*** ボタン ***/
/**** フォーム共通設定 ****/

/**** en専用共通設定 ****/
[lang=en] .sitecore-form input[type="text"],
[lang=en] .sitecore-form input[type="email"],
[lang=en] .sitecore-form input[type="tel"],
[lang=en] .sitecore-form textarea {
    padding: 4px 7px 5px;
    font-family: "FrutigerLTW02-55Roman", helvetica, arial, meiryo, san-serif;
    font-size: 14px;
    border: 1px solid #c6c9cc;
}

[lang=en] .select-div select {
    padding: 5px 25px 6px 10px;
}
/**** en専用共通設定 ****/

.form-item {
    border-bottom: 1px solid #c6c9cc;
    display: flex;
}

    .form-item:first-of-type {
        border-top: 1px solid #c6c9cc;
    }

    .form-item label + div.select-div {
        display: inline-block;
        position: relative;
    }

        .form-item label + div.select-div select {
            margin-left: 10px;
            border: 1px solid #c6c9cc;
            width: 320px;
            border-radius: 4px;
            height: 27px;
            padding: 0 5px;
        }

        .form-item label + div.select-div::before {
            position: absolute;
            top: 50%;
            right: 10px;
            width: 0;
            height: 0;
            margin-top: -3px;
            padding: 0;
            content: '';
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 6px solid #000;
            pointer-events: none;
        }

    .form-item label + input {
        margin-left: 10px;
        padding: 2px 5px;
        max-width: 230px;
        width: 100%;
    }

    .form-item .field-validation-error {
        position: absolute;
        z-index: 1;
        display: block;
        margin-top: 5px;
        padding: 4px 10px;
        background: #9da5aa;
        border-radius: 4px;
        font-size: 14px;
        color: #fff;
        white-space: nowrap;
    }

        .form-item .field-validation-error::before {
            content: '';
            position: absolute;
            top: -13px;
            left: 14px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 6px 13px 6px;
            border-color: transparent transparent #9da5aa transparent;
        }

.mailaddress-form-item .field-validation-error {
    margin-top: 5px;
    margin-top: 3px;
}

.mailaddress-form-item .form-item-input p.note {
    margin: 15px 0 5px 0;
}

.postnumber-form-item .field-validation-error {
    margin-top: 3px;
}

.postnumber-form-item p.g-mt-5 {
    margin-bottom: 0px;
}

.phone-form-item .field-validation-error {
    margin-top: 5px;
}

.multiline-form-item .field-validation-error {
    margin-top: 0px;
}

.multiline-form-item p.note {
    margin: 15px 0 5px;
}

.multiline-form-item p.js-text-count {
    width: calc(100% - 70px);
    margin-top: 5px;
    text-align: right;
}

.form-item-label {
    width: 300px;
    background: #f0f4f7;
    border-right: 1px solid #c6c9cc;
    display: flex;
    align-items: center;
    padding: 15px;
}

.mark-input-flex {
    display: flex;
    align-items: flex-end;
}

.form-item-input {
    display: flex;
    padding: 15px;
    width: calc(100% - 300px);
    flex-direction: column;
    align-items: flex-start;
}

    .form-item-input input[type=text],
    .form-item-input input[type=email],
    .form-item-input input[type=tel] {
        padding: 3px 7px;
        border: 1px solid #c6c9cc;
        font-size: 14px;
    }

    .form-item-input input[type=email],
    .form-item-input input[type=tel] {
        height: 29px;
    }

        .form-item-input input[type=text].input-validation-error,
        .form-item-input input[type=email].input-validation-error,
        .form-item-input input[type=tel].input-validation-error {
            border-color: #b02318;
        }

        .form-item-input input[type=tel].phone {
            width: 5.3em;
            margin-right: 5px;
        }

        .form-item-input input[type=tel].fax {
            width: 5.3em;
            margin-right: 5px;
        }

        .form-item-input input[type=tel].zip1 {
            width: 5.3em;
            margin-right: 5px;
        }

        .form-item-input input[type=tel].zip2 {
            width: 6.5em;
            margin-right: 10px;
        }

    .form-item-input textarea {
        width: 543px;
        overflow: auto;
    }

    .form-item-input input::placeholder {
        color: #c6c9cc;
    }

    .form-item-input .select-div {
        position: relative;
        display: block;
        border: 1px solid #c6c9cc;
        border-radius: 4px;
        background: #fff;
    }

        .form-item-input .select-div select {
            display: block;
            padding: 3px 25px 3px 10px;
            cursor: pointer;
            text-indent: 0.01px;
            text-overflow: ellipsis;
            border: none;
            background: transparent;
            background-image: none;
            box-shadow: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            font-size: 14px;
        }

            .form-item-input .select-div select::-ms-expand {
                display: none;
            }

            .form-item-input .select-div select.input-validation-error {
                border-color: #b02318;
                border-width: 1px;
                background: #f3dedd;
                border-style: solid;
            }

        .form-item-input .select-div:before {
            position: absolute;
            top: 50%;
            right: 10px;
            width: 0;
            height: 0;
            margin-top: -3px;
            padding: 0;
            content: '';
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 6px solid #000;
            pointer-events: none;
            z-index: 1;
        }

    .form-item-input .input-validation-error {
        border-color: #b02318;
        background: #f3dedd;
    }

    .form-item-input .width-short {
        width: 230px;
    }

    .form-item-input .width-middle {
        width: 320px;
    }

    .form-item-input .width-long {
        width: 440px;
    }

    .form-item-input img.valid-mark {
        display: none;
    }

    .form-item-input img.show-valid-mark {
        display: inline-block;
        width: 18px;
        margin-left: 4px;
    }

    .form-item-input .hyphen {
        margin-right: 6px;
    }

.radiolist-from-item .form-item-input,
.checkboxlist-form-item .form-item-input {
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: center;
}

    .radiolist-from-item .form-item-input > label,
    .checkboxlist-form-item .form-item-input > label {
        margin-right: 15px;
    }

.country-form-item .form-item-input p.note {
    margin: 15px 0 5px;
}

.sitecore-form .no-border .form-item {
    border: none;
}

.sitecore-form .direction-column {
    flex-direction: column;
    flex-wrap: nowrap;
}

/*** メッセージ用特別スタイル ***/
.sitecore-form .inquiry-detail .multiline-form-item .form-item-input div {
    width: 100%;
}

    .sitecore-form .inquiry-detail .multiline-form-item .form-item-input div.mark-input-flex > div {
        width: calc(100% - 70px);
    }

.sitecore-form .inquiry-detail .multiline-form-item .form-item-input textarea {
    padding: 3px 7px;
    width: 100%;
    overflow: auto;
}

.sitecore-form .inquiry-detail .multiline-form-item .form-item-input p.text-count {
    width: calc(100% - 70px);
    margin-bottom: 0;
    margin-top: 0;
}
/*** メッセージ用特別スタイル end ***/

/**** en専用共通設定 ****/
/* スタイル順の関係で後ろに記載分 */
[lang=en] .select-div select {
    padding: 5px 25px 6px 10px;
}
/**** en専用共通設定 ****/

@media only screen and (max-width: 768px) {
    .form-item {
        border-bottom: 1px solid #c6c9cc;
        display: block;
        width: 100%;
    }

    .form-item-input {
        width: 100%;
        padding: 20px 15px;
    }

        .form-item-input div,
        .form-item-input div.width-short,
        .form-item-input div.width-middle,
        .form-item-input div.width-long {
            width: 100%;
        }

        .form-item-input input[type=text],
        .form-item-input input[type=email],
        .form-item-input input[type=tel],
        .form-item-input textarea {
            width: 100%;
        }

        .form-item-input .width-short,
        .form-item-input .width-middle,
        .form-item-input .width-long {
            width: 100%;
        }

            .form-item-input input[type=tel].phone,
            .form-item-input input[type=tel].fax {
                width: calc(100% / 4);
                min-width: 4.3em;
            }

            .form-item-input input[type=tel].zip1 {
                width: 5.3em;
            }

            .form-item-input input[type=tel].zip2 {
                width: 6.5em;
            }

        .form-item-input .select-div select {
            width: 100%;
        }

    .form-item-label {
        display: block;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #c6c9cc;
        padding: 10px 15px;
    }

    .form-item .field-validation-error {
        white-space: normal;
        word-break: break-word;
        margin-right: 11px;
    }

    /*** メッセージ用特別スタイル ***/
    .sitecore-form .inquiry-detail .multiline-form-item .form-item-input div.mark-input-flex > div {
        width: calc(100% - 28px);
    }

    .sitecore-form .inquiry-detail .multiline-form-item .form-item-input p.text-count {
        width: calc(100% - 28px);
    }
    /*** メッセージ用特別スタイル end ***/
}

.sitecore-form .hide-lable {
    display: none;
}

.sitecore-form form.confirm .form-item-input {
    justify-content: center;
}

/* 20210412_end */

/** ご意見フォーム start **/
.opinion-form .form-item-label {
    display: none;
}

.opinion-form .form-item-input img.show-valid-mark {
    margin-left: 8px;
}

.opinion-form .g-column {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    background-color: #edf2f5;
    padding: 16px 20px;
    box-sizing: border-box;
}

    .opinion-form .g-column .form-item {
        max-width: 760px;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

.opinion-form .form-item {
    border: none;
}

    .opinion-form .form-item .form-item-input {
        width: 100%;
        padding: 0;
    }

        .opinion-form .form-item .form-item-input div {
            width: 100%;
        }

        .opinion-form .form-item .form-item-input .text-count {
            width: 100%;
            text-align: right;
        }

        .opinion-form .form-item .form-item-input textarea {
            width: 100%;
            display: block;
            margin: 0;
        }

.opinion-form input[type="submit"] {
    max-width: 200px;
    width: 100%;
    border: none;
    margin: 0 auto;
    background-color: #000;
    color: #fff;
    padding: 10px 0;
    font-weight: bold;
    font-family: "FrutigerLTW02-55Roman", helvetica, arial, meiryo, san-serif;
    font-size: 18px;
    cursor: pointer;
    border-radius: 0px;
    background-image: none;
}


.opinion-form- .g-column {
    max-width: 960px;
    width: 100%;
    margin: 0 auto 15px auto;
}

.opinion-form-gs .g-column .form-item {
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
/** ご意見フォーム end **/

/**** CSR ****/
form.csr .radiolist-from-item .direction-column {
    width: 100%;
    padding: 0;
}

form.csr .multiline-form-item {
    width: calc(100% - 70px);
}

    form.csr .multiline-form-item .form-item-input,
    form.csr .multiline-form-item .form-item-input div,
    form.csr .multiline-form-item .form-item-input textarea{
        width: 100%;
    }

@media only screen and (max-width: 768px) {
    form.csr .multiline-form-item {
        width: 100%;
    }
}
/**** CSR end ****/